<script>
	$(function() {
		$("#login-form").validity(function() {
			/* $("#name").require().match(/^[0-9a-zA-Z]+$/);
			$("#rate").require().match("number");
			$("#cost").require().match("number");
			$("#quantity").require().match("number"); */
			$("#login_email_id").require();
			$("#login_password").require();
			/* $("#designCode").require().match(/^[0-9a-zA-Z]+$/); */

		});
	});
</script>


<div class="fk-ui-dialog dialog-login-signup" style="visibility: visible;">
	<div class="shield" onclick="HideModalPopup();"></div>
	<div class="window alpha30" style="width: 600px; height: auto; top: 120px; left: 366.5px;">
		<div class="content">
			<div class="dialog-body">
				<div class="line hidden" id="login-signup-dialog" style="display: block;">
					<div class="hidden" id="login-message" style="display: none;"></div>
			        <div class="line">
			    		<div class="size1of2 unit fk-signin">
			        		<div id="login-dialog" class="hideclass" style="display: none;">
 								<div class="fk-font-bold fk-font-big bmargin10">Login</div>
							    <div class="bd main-panel">
							        <div class="fk-hidden fk-err-all" id="login_tiny_help_message"></div>
						        	<form name="login-form" action="${context}/loginIframe" method="post" id="login-form">
						            	<div class="line rw">
							                <div class="unit size1of4 lf"><label class="fk-label" for="login_email_id">Email</label></div>
											<div class="unit size3of4 lastUnit rt">
		                          				<input type="text" id="login_email_id" autocomplete="on" name="email" class="fk-input" />
		                  					</div>
										</div>
							            <div class="line rw">
							                <div class="unit size1of4 lf"><label class="fk-label" for="login_password">Password</label></div>
							
							                <div class="unit size3of4 lastUnit rt">
							                    <input type="password" id="login_password" name="password" class="fk-input" />
							                    <input type="hidden" id="login_password_hash" name="password_hash" />
							                </div>
							            </div>

							            <div class="line rw">
							                <div class="unit size1of4 lf"><div class="fk-text-center" id="login-loader">&nbsp;<img src="${imageContext}/ajax-loader.gif" class="fk-ui-loader" style="display: none;"></div></div>
								        	<div class="lastUnit size3of4">
								            	<input type="hidden" value="" name="__FK" />
								               	<input type="submit" value="Login" class="btn btn-blue" />
								               	<a href="javascript:slideToggle('frgt_passwd_div');" class="frgt-pswd">Forgot your password?</a>
								            </div>
									    </div>
			                            <div class="line">
						                    Don't have an account? <a href="javascript:showAndHide('signup-dialog');" class="signup-button">Create One!</a>
						                </div>
			                    	</form>																	
								</div>
							</div>

							<div class="fk-hidden" id="frgt_passwd_suc"></div>
							<div style="display: none;" id="frgt_passwd_div" class="fk-frgt-paswd fk-hidden tmargin5 hideclass">
								<div class="hdr">Forgot your Password?</div>
								<span class="txt">Enter your Email Address here to receive a link to change password.</span>
								<div class="fk-hidden fk-err-all" id="login_tiny_help_message2"></div>
									
								<div class="line rw">
								    <div class="unit size1of4 lf"><label class="fk-label" for="frgt_paswd_email_id">Email</label></div>
								
								    <div class="unit size3of4 lastUnit rt">
								    	<input type="text" onkeypress="FKART.login.keyEventForgetPass(event)" id="frgt_paswd_email_id" name="email" class="fk-input">
								    </div>
								</div>
								<div class="line">
								    <div class="unit size1of4 lf">&nbsp;</div>
								
								    <div class="unit size3of4 lastUnit rt">
								    	<button onclick="FKART.login.forgotPassword();" class="btn btn-blue">Send Email</button>
								    </div>
								</div>
							</div>
							
							<div id="signup-dialog" class="hidden hideclass" style="display: none;">
							    <div class="fk-font-bold fk-font-big bmargin10">New User? Sign Up</div>
							    <div class="main-panel">
							        <div class="fk-hidden fk-err-all" id="signup_tiny_help_message" style="display: none;"></div>
							        <form name="signup-form" action="/signupIframe" method="post" target="login-signup-iframe" id="signup-form">
							            <div class="line rw">
							                <div class="unit size1of3 lf">
							                    <label class="fk-label" for="signup-email">Email Address</label>
							                </div>
							
							                <div class="unit size3of4 lastUnit rt">
							                    <input type="text" id="signup-email" autocomplete="on" name="signup-email" class="fk-input" />
							                </div>
							            </div>
							
							            <div class="line rw">
							                <div class="unit size1of3 lf">
							                    <label class="fk-label" for="signup-password">Password</label>
							                </div>
							
							                <div class="unit size3of4 lastUnit rt">
							                    <input type="password" id="signup-password" name="signup-password" class="fk-input" />
							                    <input type="hidden" id="signup-password_hash" name="signup-password_hash" />
							                </div>
							            </div>
							
							            <div class="line rw">
							                <div class="unit size1of3 lf">
							                    <label class="fk-label" for="signup-repeat-password">Repeat Password</label>
							                </div>
							
							                <div class="unit size3of4 lastUnit rt">
							                    <input type="password" id="signup-repeat-password" name="repeat-password" class="fk-input" />
							                </div>
							            </div>
							
							            <div class="line rw">
							                <div class="unit size1of3 lf">
							                    <div class="fk-text-center" id="signup-loader">&nbsp;<img src="${imageContext}/ajax-loader.gif" class="fk-ui-loader" /></div>
							                </div>
							
							                <div class="unit size2of3">
							                    <input type="hidden" value="V2b0939c8a5f1c5fd2f75efce55a2e9e85d1t17TasELQLrPAvCNG6Y1l4sh6ZxFMGEume7SRdKyLd6QfPc0HBMLRN5jvdLbPCAwxebZ+btHUX/92J6HmIHQzJkijvQGKyNOhgc2cCuNckEs08=" name="__FK" />                            
							                    <input type="submit" value="Sign Up Now!" class="btn btn-green" />
							                </div>
							            </div>
							         </form>
							        <div class="line">
							             Already have an account? <a class="login-button" href="javascript:showAndHide('login-dialog');">Login</a>!
							        </div>
							    </div>
							</div>    
						</div>
						<div class="divider-or unit"></div>
						<div class="social-connect unit" id="social-dialog">
						    <div class="line">
						    	<div class="tmargin25"><span class="social-signin-message fk-font-bold">Sign in with </span> <div class="social-connect-loader fk-inline-block lmargin10"></div></div>
					        	<div class="line tmargin10">
					            	<a class="fk-button-social fb" href="/sc/fb_login?__Fk=V2b0939c8a5f1c5fd2f75efce55a2e9e85d1t17vERVIUldpQ8elvwC8DBhqoaesiHxbEPogw899XSPuiHX6UVldtMKIOMDP4uwIHmw9OCk5lP37JpIyZzT371c5zlaF2W24PBoO90xm54dmNE%3D&amp;rd=http://www.flipkart.com%2F"></a>
					        	</div>
					            <div class="line tmargin10">
						            <a class="fk-button-social google" href="/sc/google_login?__Fk=V2b0939c8a5f1c5fd2f75efce55a2e9e85d1t17vERVIUldpQ8elvwC8DBhqoaesiHxbEPogw899XSPuiHX6UVldtMKIOMDP4uwIHmw9OCk5lP37JpIyZzT371c5zlaF2W24PBoO90xm54dmNE%3D&amp;rd=http://www.flipkart.com%2F"></a>
						        </div>
					            <div id="fb-root"></div>
						    </div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="dialog-footer line"><div class="close-button close" onclick="HideModalPopup();">Close window</div><div class="fclear"></div></div>
		<span class="close-icon close" onclick="HideModalPopup();"></span>
	</div>
</div>
